<!DOCTYPE html>
<html class="no-js">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="description" content="">
        <meta name="keywords" content="">
        <meta name="viewport"
              content="width=device-width, initial-scale=1">
        <title>Amaze UI Examples</title>

        <!-- Set render engine for 360 browser -->
        <meta name="renderer" content="webkit">

        <!-- No Baidu Siteapp-->
        <meta http-equiv="Cache-Control" content="no-siteapp"/>

        <link rel="icon" type="image/png" href="Public/AmazeUI/assets/i/favicon.png">

        <!-- Add to homescreen for Chrome on Android -->
        <meta name="mobile-web-app-capable" content="yes">
        <link rel="icon" sizes="192x192" href="Public/AmazeUI/assets/i/app-icon72x72@2x.png">

        <!-- Add to homescreen for Safari on iOS -->
        <meta name="apple-mobile-web-app-capable" content="yes">
        <meta name="apple-mobile-web-app-status-bar-style" content="black">
        <meta name="apple-mobile-web-app-title" content="Amaze UI"/>
        <link rel="apple-touch-icon-precomposed" href="Public/AmazeUI/assets/i/app-icon72x72@2x.png">

        <!-- Tile icon for Win8 (144x144 + tile color) -->
        <meta name="msapplication-TileImage" content="/AmazeUI/assets/i/app-icon72x72@2x.png">
        <meta name="msapplication-TileColor" content="#0e90d2">

        <!-- SEO: If your mobile URL is different from the desktop URL, add a canonical link to the desktop page https://developers.google.com/webmasters/smartphone-sites/feature-phones -->
        <!--
        <link rel="canonical" href="http://www.example.com/">
        -->

        <link rel="stylesheet" href="__PUBLIC__/AmazeUI/assets/css/amazeui.min.css">
        <link rel="stylesheet" href="__PUBLIC__/AmazeUI/assets/css/app.css">
        <link href="__PUBLIC__/Application/css/style.css" rel="stylesheet" type="text/css"/>
    </head>
    <body>
        <!--[if lte IE 9]>
        <p class="browsehappy">你正在使用<strong>过时</strong>的浏览器，Amaze UI 暂不支持。 请 <a
          href="http://browsehappy.com/" target="_blank">升级浏览器</a>
          以获得更好的体验！</p>
        <![endif]-->
        <header id="amz-header" class="am-topbar am-topbar-inverse">
            <div class="amz-container">
                <h1 class="am-topbar-brand">
                    <a href="#">NBA 直播吧</a>
                </h1>

                <button class="am-topbar-btn am-topbar-toggle am-btn am-btn-sm am-btn-success am-show-sm-only" data-am-collapse="{target: '#doc-topbar-collapse'}"><span class="am-sr-only">导航切换</span> <span class="am-icon-bars"></span></button>

                <div class="am-collapse am-topbar-collapse" id="doc-topbar-collapse">
                   {:W('NaviMenu/show')} 
                    
                </div>
            </div>
        </header>
        
        
        <div class="amz-container">
            <div class="am-g am-g-fixed am-margin-top">
                <div class="am-u-sm-12">
                    <button type="button" class="am-btn am-btn-secondary">NBA直播</button>
                    <button type="button" class="am-btn am-btn-secondary">NBA视频</button>
                    <button type="button" class="am-btn am-btn-secondary">十佳球</button>
                    <button type="button" class="am-btn am-btn-secondary">总决赛</button>
                    <button type="button" class="am-btn am-btn-secondary">全明星</button>
                    <button type="button" class="am-btn am-btn-secondary">经典录像</button>
                    <button type="button" class="am-btn am-btn-secondary">篮球公园</button>
                    <button type="button" class="am-btn am-btn-secondary">NBA最前线</button>
                    <button type="button" class="am-btn am-btn-secondary">奥胖囧时刻</button>
                    <button type="button" class="am-btn am-btn-secondary">科比</button>
                    <button type="button" class="am-btn am-btn-secondary">库里</button>
                    <button type="button" class="am-btn am-btn-secondary">詹姆斯</button>
                    <button type="button" class="am-btn am-btn-secondary">林书豪</button>
                    <button type="button" class="am-btn am-btn-secondary">NBA赛程</button>
                    <button type="button" class="am-btn am-btn-secondary">CBA录像</button>
                    <button type="button" class="am-btn am-btn-secondary">足球录像</button>
                    <button type="button" class="am-btn am-btn-secondary">次色按钮</button>
                    <button type="button" class="am-btn am-btn-secondary">次色按钮</button>
                </div>
            </div>
        </div>
        <div class="amz-container">
            <div class="am-g am-g-fixed am-margin-top">
                <div class="am-u-sm-10">
                    <div class="am-u-sm-2"><img class="am-thumbnail" src="http://s.amazeui.org/media/i/demos/bing-1.jpg" /></div>
                    <div class="am-u-sm-2"><img class="am-thumbnail" src="http://s.amazeui.org/media/i/demos/bing-1.jpg" /></div>
                    <div class="am-u-sm-2"><img class="am-thumbnail" src="http://s.amazeui.org/media/i/demos/bing-1.jpg" /></div>
                    <div class="am-u-sm-2"><img class="am-thumbnail" src="http://s.amazeui.org/media/i/demos/bing-1.jpg" /></div>
                    <div class="am-u-sm-2"><img class="am-thumbnail" src="http://s.amazeui.org/media/i/demos/bing-1.jpg" /></div>
                    <div class="am-u-sm-2"><img class="am-thumbnail" src="http://s.amazeui.org/media/i/demos/bing-1.jpg" /></div>
                </div>
                <div class="am-u-sm-2">
                    <a>更多球队录像</a>
                </div>
            </div>
        </div>
        <div class="amz-container am-margin-top">
            <ul class="am-nav am-nav-tabs am-nav-justify">
                <li class="am-active"><a href="#">今日直播</a></li>
                <li><a href="#">更多直播</a></li>
            </ul>
            <div class="am-g am-g-fixed am-margin-top">
                <div class="am-u-sm-12">
                    <table class="am-table am-table-bordered am-table-striped am-table-hover">
                        <thead>
                            <tr>
                                <th>比赛时间</th>
                                <th>客场VS主场</th>
                                <th>视频直播地址</th>
                                <th>比赛状态</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td>Amaze UI</td>
                                <td>http://amazeui.org</td>
                                <td>2012-10-01</td>
                                <td>2012-10-01</td>
                            </tr>
                            <tr>
                                <td>Amaze UI</td>
                                <td>http://amazeui.org</td>
                                <td>2012-10-01</td>
                                <td>2012-10-01</td>
                            </tr>
                            <tr>
                                <td>Amaze UI</td>
                                <td>http://amazeui.org</td>
                                <td>2012-10-01</td>
                                <td>2012-10-01</td>
                            </tr>
                            <tr>
                                <td>Amaze UI</td>
                                <td>http://amazeui.org</td>
                                <td>2012-10-01</td>
                                <td>2012-10-01</td>
                            </tr>
                            <tr>
                                <td>Amaze UI</td>
                                <td>http://amazeui.org</td>
                                <td>2012-10-01</td>
                                <td>2012-10-01</td>
                            </tr>
                            <tr>
                                <td>Amaze UI</td>
                                <td>http://amazeui.org</td>
                                <td>2012-10-01</td>
                                <td>2012-10-01</td>
                            </tr>
                            <tr>
                                <td>Amaze UI</td>
                                <td>http://amazeui.org</td>
                                <td>2012-10-01</td>
                                <td>2012-10-01</td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
        <div class="amz-container">
            <ul class="am-nav am-nav-tabs am-nav-justify" >
                <li class="am-active"><a href="#">NBA录像</a></li>
                <li><a href="#">NBA集锦</a></li>
                <li><a href="#">NBA总决赛</a></li>
                <li><a href="#">经典视频</a></li>
                <li><a href="#">篮球公园</a></li>
                <li><a href="#">奥胖囧时刻</a></li>
                <li><a href="#">CBA录像</a></li>
            </ul>
            <div class="am-g am-g-fixed am-margin-top">
                <div class="am-u-sm-6">
                    <table class="am-table am-table-bordered am-table-striped am-table-hover">
                        <thead>
                            <tr>
                                <th></th>
                                <th>最新奥胖一周囧时刻</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td>03月04日</td>
                                <td>大写的囧！格林突破劈扣惨遭篮筐封盖(勇士vs雷霆)</td>
                            </tr>
                            <tr>
                                <td>03月04日</td>
                                <td>大写的囧！格林突破劈扣惨遭篮筐封盖(勇士vs雷霆)</td>
                            </tr>
                            <tr>
                                <td>03月04日</td>
                                <td>大写的囧！格林突破劈扣惨遭篮筐封盖(勇士vs雷霆)</td>
                            </tr>
                            <tr>
                                <td>03月04日</td>
                                <td>大写的囧！格林突破劈扣惨遭篮筐封盖(勇士vs雷霆)</td>
                            </tr>
                            <tr>
                                <td>03月04日</td>
                                <td>大写的囧！格林突破劈扣惨遭篮筐封盖(勇士vs雷霆)</td>
                            </tr>
                            <tr>
                                <td>03月04日</td>
                                <td>大写的囧！格林突破劈扣惨遭篮筐封盖(勇士vs雷霆)</td>
                            </tr>
                            <tr>
                                <td>03月04日</td>
                                <td>大写的囧！格林突破劈扣惨遭篮筐封盖(勇士vs雷霆)</td>
                            </tr>
                            <tr>
                                <td>03月04日</td>
                                <td>大写的囧！格林突破劈扣惨遭篮筐封盖(勇士vs雷霆)</td>
                            </tr>
                            <tr>
                                <td>03月04日</td>
                                <td>大写的囧！格林突破劈扣惨遭篮筐封盖(勇士vs雷霆)</td>
                            </tr>
                            <tr>
                                <td>03月04日</td>
                                <td>大写的囧！格林突破劈扣惨遭篮筐封盖(勇士vs雷霆)</td>
                            </tr>
                            <tr>
                                <td>03月04日</td>
                                <td>大写的囧！格林突破劈扣惨遭篮筐封盖(勇士vs雷霆)</td>
                            </tr>
                            <tr>
                                <td>03月04日</td>
                                <td>大写的囧！格林突破劈扣惨遭篮筐封盖(勇士vs雷霆)</td>
                            </tr>
                        </tbody>
                    </table>
                </div>
                <div class="am-u-sm-6">
                    <table class="am-table am-table-bordered am-table-striped am-table-hover">
                        <thead>
                            <tr>
                                <th></th>
                                <th>囧时刻之最囧排行榜</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td>1</td>
                                <td>五大囧！韦德系鞋带丢球钱德勒战斧隔扣(热火vs太阳)</td>
                            </tr>
                            <tr>
                                <td>1</td>
                                <td>五大囧！韦德系鞋带丢球钱德勒战斧隔扣(热火vs太阳)</td>
                            </tr>
                            <tr>
                                <td>1</td>
                                <td>五大囧！韦德系鞋带丢球钱德勒战斧隔扣(热火vs太阳)</td>
                            </tr>
                            <tr>
                                <td>1</td>
                                <td>五大囧！韦德系鞋带丢球钱德勒战斧隔扣(热火vs太阳)</td>
                            </tr>
                            <tr>
                                <td>1</td>
                                <td>五大囧！韦德系鞋带丢球钱德勒战斧隔扣(热火vs太阳)</td>
                            </tr>
                            <tr>
                                <td>1</td>
                                <td>五大囧！韦德系鞋带丢球钱德勒战斧隔扣(热火vs太阳)</td>
                            </tr>
                            <tr>
                                <td>1</td>
                                <td>五大囧！韦德系鞋带丢球钱德勒战斧隔扣(热火vs太阳)</td>
                            </tr>
                            <tr>
                                <td>1</td>
                                <td>五大囧！韦德系鞋带丢球钱德勒战斧隔扣(热火vs太阳)</td>
                            </tr>
                            <tr>
                                <td>1</td>
                                <td>五大囧！韦德系鞋带丢球钱德勒战斧隔扣(热火vs太阳)</td>
                            </tr>
                            <tr>
                                <td>1</td>
                                <td>五大囧！韦德系鞋带丢球钱德勒战斧隔扣(热火vs太阳)</td>
                            </tr>
                            <tr>
                                <td>1</td>
                                <td>五大囧！韦德系鞋带丢球钱德勒战斧隔扣(热火vs太阳)</td>
                            </tr>
                            <tr>
                                <td>1</td>
                                <td>五大囧！韦德系鞋带丢球钱德勒战斧隔扣(热火vs太阳)</td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
        <div class="amz-container">
            <ul class="am-nav am-nav-tabs am-nav-justify" id="ballStarTabs">
                <li class="am-active"><a href="#">球星视频</a></li>
                <li><a href="javascript:void(0)">科比</a></li>
                <li><a href="javascript:void(0)">詹姆斯</a></li>
                <li><a href="javascript:void(0)">杜兰特</a></li>
                <li><a href="javascript:void(0)">韦德</a></li>
                <li><a href="javascript:void(0)">保罗</a></li>
                <li><a href="javascript:void(0)">库里</a></li>
                <li><a href="javascript:void(0)">乔丹</a></li>
                <li><a href="javascript:void(0)">麦迪</a></li>
            </ul>
            <div class="am-g am-g-fixed am-margin-top">
                <div class="am-u-sm-12">
                    <ul class="am-avg-sm-2 am-avg-md-3 am-avg-lg-4 am-thumbnails" id="ballStarList">
                        <li><img class="am-thumbnail" src="http://s.amazeui.org/media/i/demos/bing-1.jpg" /><h5 class="am-thumbnail-caption am-text-center">NBA史上最震撼表演时刻</h3></li>
                        <li><img class="am-thumbnail" src="http://s.amazeui.org/media/i/demos/bing-2.jpg" /><h3 class="am-thumbnail-caption am-text-center">NBA史上最震撼表演时刻</h3></li>
                        <li><img class="am-thumbnail" src="http://s.amazeui.org/media/i/demos/bing-3.jpg" /><h3 class="am-thumbnail-caption am-text-center">NBA史上最震撼表演时刻</h3></li>
                        <li><img class="am-thumbnail" src="http://s.amazeui.org/media/i/demos/bing-4.jpg" /><h3 class="am-thumbnail-caption am-text-center">NBA史上最震撼表演时刻</h3></li>
                        <li><img class="am-thumbnail" src="http://s.amazeui.org/media/i/demos/bing-1.jpg" /><h3 class="am-thumbnail-caption am-text-center">NBA史上最震撼表演时刻</h3></li>
                        <li><img class="am-thumbnail" src="http://s.amazeui.org/media/i/demos/bing-2.jpg" /><h3 class="am-thumbnail-caption am-text-center">NBA史上最震撼表演时刻</h3></li>
                        <li><img class="am-thumbnail" src="http://s.amazeui.org/media/i/demos/bing-3.jpg" /><h3 class="am-thumbnail-caption am-text-center">NBA史上最震撼表演时刻</h3></li>
                        <li><img class="am-thumbnail" src="http://s.amazeui.org/media/i/demos/bing-4.jpg" /><h3 class="am-thumbnail-caption am-text-center">NBA史上最震撼表演时刻</h3></li>
                    </ul>
                </div>
            </div>
        </div>

        <footer class="am-margin-top">
            <hr/>
            <p class="am-text-center">
                <small>by The NBA直播吧</small>
            </p>
        </footer>

        <!--[if lt IE 9]>
        <script src="http://libs.baidu.com/jquery/1.11.1/jquery.min.js"></script>
        <script src="http://cdn.staticfile.org/modernizr/2.8.3/modernizr.js"></script>
        <script src="assets/js/amazeui.ie8polyfill.min.js"></script>
        <![endif]-->

        <!--[if (gte IE 9)|!(IE)]><!-->
        <script src="__PUBLIC__/AmazeUI/assets/js/jquery.min.js"></script>
        <!--<![endif]-->
        <script src="__PUBLIC__/AmazeUI/assets/js/amazeui.min.js"></script>
        <script>
            $(function(){
                $.post("getBallStar.html",{offset:0, length: 8}, function(res){
                    //console.log(res);
                });
                $.post("getArticleByBallStar.html",{offset:0, length: 8}, function(res){
                    console.log(res);
                });
                $("#ballStarTabs li").on("click", function(){
                    $("#ballStarTabs li").removeClass("am-active");
                    $(this).addClass("am-active");
                });
            });
        </script>
    </body>
</html>
